// Global variables

// 文档索引
/* 1. Font Family             定义字体
 * 2. Font Size               定义文字大小
 * 3. Line Height             定义文字行高
 * 4. Font Colors             定义文字颜色
 * 5. Border Color            定义边框颜色
 * 6. Background Color        定义背景颜色
 * 7. Spacing                 定义间距和边距值
 * 8. Z-index                 定义优先级
 * 9. Border radius           定义圆角
 */

// 1. Font Family
@global-font-family:        "微软雅黑","宋体","Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans","wenquanyi micro hei","Hiragino Sans GB", "Hiragino Sans GB W3", sans-serif;
@f-family:                  @global-font-family;

// 2. Font Size
@global-font-size:          1.4rem;                     // 14px
@f-size:                    @global-font-size;          // 14px
@f-size-xs:                 @global-font-size - 0.2;    // 12px
@f-size-sm:                 @global-font-size + 0.2;    // 16px
@f-size-md:                 @global-font-size + 0.4;    // 18px
@f-size-lg:                 @global-font-size + 0.8;    // 22px
@f-size-xl:                 @global-font-size + 1.6;    // 30px
@f-size-xxl:                @global-font-size + 2.6;    // 40px
@f-size-xxxl:               @global-font-size + 3.2;    // 46px

// 3. Line Height
@global-line-height:        1.428571429;
@lh:                        @global-line-height;        // 1.428571429;
@lh-xs:                     30px;
@lh-sm:                     35px;
@lh-md:                     40px;
@lh-lg:                     45px;
@lh-xl:                     50px;
@lh-xxl:                    55px;
@lh-xxxl:                   60px;
@lh-xxxxl:                  65px;
@lh-xxxxxl:                 70px;

// 4. Font Colors
@global-color:              #666666;
@c-gray:                    @global-color;
@c-gray-light:              #999999;
@c-gray-dark:               #333333;
@c-red:                     #f4393e;
@c-white:                   #ffffff;
@c-black:                   #000000;
@c-blue:                    #4ea8ff;
@c-black-green:             #00cdcb;
@c-green:                   #00a918;
@c-blue-dark:               #6eb7ed;

// 6. Background Color
@bg-global:                 #edf0f0;
@bg-blue:                   #143667;
@bg-blue-light:             #35477b;
@bg-blue-thin:              #6eb7ed;
@bg-red:                    #f4393e;
@bg-green:                  #6eed7d;
@bg-blue-sky:               #95e5ff;
@bg-green-light:            #a5ea80;
@bg-green-thin:             #cbe398;
@bg-red-thin:               #ffadad;
@bg-white:                  #ffffff;
@bg-pink:                   #ff9595;
@bg-gray:                   #cccccc;
@bg-gray-blue:              #98b1e3;
@bg-gray-thin:              #e2effa;
@bg-purple-thin:            #f6e2fa;
@bg-yellow-thin:            #faf0e2;
@bg-blue-dark:              #1e90ff;
@bg-none:                   none;
@bg-transparent:            transparent;

// 9. Border radius
@global-radius:             2px;
@r-none:                    0;
@r-xl:                      5px;
@r-lg:                      4px;
@r-sm:                      3px;
@r-xs:                      1px;

// 10. Links
@link-color:                #7c7c7c;
@link-hover-color:          darken(@link-color, 15%);

@link-color-blue:           #008fef;
@link-hover-color-blue:     darken(@link-color-blue, 15%);

@link-color-red:            @c-red;
@link-hover-color-red:      darken(@c-red, 10%);

@link-color-white:          #ffffff;
@link-hover-color-white:    darken(@link-color-white, 5%);

@link-color-menu:           #666666;
@link-hover-color-menu:     #ffffff;
@link-hover-color-menu-bak: #333333;

@link-color-gray:           #848484;
@link-hover-color-gray:     #606060;

@link-color-footer:         #7b7b7b;
@link-hover-color-footer:   #b4b4b4;

@link-disabled-color:       @c-gray-light;
@link-dec-none:             none;
@link-dec-underline:        underline;
@link-dec-through:          line-through;
@link-dec-overline:         overline;
// Spacing
@s-none:                    0;
@s-xs:                      5px;
@s-sm:                      10px;
@s-lg:                      20px;
@s-xl:                      30px;
@s-xxl:                     40px;
@s-xxxl:                    50px;
@s-xxxxl:                   60px;
// Border Color
@global-border:             #e2e2e2;
@b-white:                   #ffffff;
@b-gray:                    #e2e2e2;
@b-gray-light:              #edf0f0;
@b-gray-thin:               #d5d5d5;
@b-gray-dark:               #d2d2d2;
@b-gray-darker:             #cccccc;
@b-blur:                    #4297ff;
@b-yellow:                  #ffb93d;
@b-red:                     #ee5414;
@b-green:                   #3dbc6f;
